<!-- src/App.vue -->
<template>
  <div id="app">
    <!-- 路由视图 -->
    <router-view></router-view>
  </div>
</template>

<script setup>
import { onMounted } from 'vue'
import { useUserStore } from '@/stores/user'
import { ElMessage } from 'element-plus'

// 使用用户store
const userStore = useUserStore()

// 组件挂载时获取用户信息
onMounted(async () => {
  try {
    console.log('开始获取用户信息')
    await userStore.fetchUserInfo()
    console.log('用户信息获取成功', userStore.userInfo)
  } catch (error) {
    console.error('获取用户信息失败', error)
    ElMessage.error('获取用户信息失败')
  }
})
</script>

<style>
/* 全局样式 */
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2c3e50;
}
</style>